<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta http-equiv="Content-Style-Type" content="text/css">
	<meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>引导页</title>
	<link rel="stylesheet" href="css/swiper.min.css">
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<script src="js/flexible.min.js"></script>
</head>

<body>
	<div class="container start">
		<img class="loading" src="images/start/0.png" alt="">
		<a class="btn-skip" href="home.html">跳过</a>
		<!-- Swiper -->
		<div class="swiper-container start opacity">
			<div class="swiper-wrapper">
				<div class="swiper-slide"><img src="images/start/1.png" alt=""></div>
				<div class="swiper-slide"><img src="images/start/2.png" alt=""></div>
				<div class="swiper-slide"><img src="images/start/3.png" alt=""></div>
			</div>
			<!-- Add Pagination -->
			<div class="swiper-pagination"></div>
		</div>
	</div>
	<script src="js/jquery.min.js"></script>
	<script src="js/swiper.min.js"></script>
	<script>
		var swiper = new Swiper('.swiper-container', {
			pagination: '.swiper-pagination',
			paginationClickable: true,
			onTouchEnd: function (swiper) {
				if (swiper.activeIndex >= swiper.slides.length - 1) {
					window.location.href = 'home.html'
				}
			},
			onSlideChangeEnd: function (swiper) {
				if (swiper.activeIndex >= swiper.slides.length) {
					window.location.href = 'home.html'
				}
			}
		});
		$(function () {
			setTimeout(function(){
				$('.loading').fadeOut(500)
				$('.swiper-container').removeClass('opacity')
			},3000)
		})
	</script>
</body>

</html>